<%@ page pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>JPetStore</title>
    <meta charset="UTF-8">
    <link rel="StyleSheet" href="css/jpetstore.css" type="text/css" media="screen"/>
</head>

<body>
<div id="Content">

    <h1><a href="main">JPetStore</a></h1>

    <p>
        JPetStore是一个在线宠物商店。与大多数电子商店一样，您可以浏览和搜索商品目录，选择要加入购物车中的商品，修改购物车，以及订购购物车中的商品。您可以在不注册或登录的情况下执行其中许多操作。但是，在订购商品之前，您必须登录。为了登录，您必须拥有一个帐户，该帐户是在您注册时创建的。
    </p>

    <ul>
        <li><a href="#SigningUp">注册</a></li>
        <li><a href="#SigningIn">登录</a></li>
        <li><a href="#Catalog">商品目录</a></li>
        <li><a href="#CatalogBrowsing">浏览目录</a></li>
        <li><a href="#CatalogSearching">搜索目录</a></li>
        <li><a href="#ShoppingCart">购物车</a></li>
        <li><a href="#ShoppingCartAdd">添加/移除商品</a></li>
        <li><a href="#ShoppingCartUpdate">更新商品数量</a></li>
        <li><a href="#Ordering">提交订单</a></li>
        <li><a href="#OrderReview">查看订单</a></li>
    </ul>
    <a id="SigningUp" name="SigningUp"></a>
    <h2>●注册</h2>

    <p>
        要注册，请单击横幅右端的登录链接。接下来，在结果页面中单击新用户链接。注册页面要求您提供用户名和密码。此信息用于标识您的帐户，必须在登录时提供。
    </p>
    <a id="SigningIn" name="SigningIn"></a>
    <h2>●登录</h2>

    <p>
        通过单击横幅右端的登录链接，填写用户名和密码，然后单击提交按钮，即可登录。
    </p>

    <p>
        当您尝试下订单但尚未登录时，您也将被重定向到登录页面。登录后，您可以通过单击横幅右端的购物车图标返回购物会话。
    </p>

    <a id="Catalog" name="Catalog"></a>
    <h2>●商品目录</h2>

    <p>本节介绍如何浏览和搜索产品目录。</p>
    <a id="CatalogBrowsing" name="CatalogBrowsing"></a>
    <h4>○浏览目录</h4>

    <p>
        宠物商店的目录按如下层次组织：类别、商品、宠物。
    </p>

    <p>
        您可以通过单击主页面左栏中的类别名称或单击代表该类别的图片来列出类别中的宠物。
    </p>

    <p>
        一旦你选择了一个类别，JPetStore将显示一个类别内的商品列表。选择商品将显示宠物及其价格的列表。选择商品项将显示该项的文本和可视化描述以及该项的库存编号。
    </p>
    <a id="CatalogSearching" name="CatalogSearching"></a>
    <h4>○搜索目录</h4>

    <p>
        您可以通过在横幅中间的搜索字段中输入商品名称来搜索商品。
    </p>
    <a id="ShoppingCart" name="ShoppingCart"></a>
    <h2>●购物车</h2>
    <p>本节介绍如何更新购物车和提交订单。</p>
    <a id="ShoppingCartAdd" name="ShoppingCartAdd"></a>
    <h4>○添加/移除商品</h4>

    <p>
        通过单击宠物右侧的“加入购物车”按钮，可以将宠物添加到购物车中。此操作还将显示您的购物车。
    </p>

    <p>
        您可以通过单击宠物左侧的“移除”按钮来将宠物移出购物车。
    </p>

    <p>
        要继续购物，请从横幅下的列表中选择一个商品类别。
    </p>
    <a id="ShoppingCartUpdate" name="ShoppingCartUpdate"></a>
    <h4>○更新商品数量</h4>

    <p>
        您可以通过在购物车的“数量”字段中输入数量并单击“更新”按钮来调整宠物的数量。
    </p>

    <p>
        如果请求的宠物数量大于库存数量，购物车中的“库存中”字段将显示该宠物已延期订购。
    </p>
    <a id="Ordering" name="Ordering"></a>
    <h4>○提交订单</h4>

    <p>
        您可以通过选择“结帐”按钮来订购购物车中的商品。JPetStore将显示购物车内容。要继续，请单击“继续”按钮。
    </p>

    <p>
        如果您尚未登录，将显示登录页面，您需要在其中提供您的用户名和密码。否则，将显示一个请求付款和装运信息的页面。填写完所需信息后，单击提交按钮，将显示一个只读页面，其中包含您的帐单和发货地址。如果需要更改任何信息，请单击浏览器的“后退”按钮并输入正确的信息。要完成订单，请单击“继续”按钮。
    </p>
    <a id="OrderReview" name="OrderReview"></a>
    <h2>●查看订单</h2>

    <p>
        最后一个页面包含您的订单信息。
    </p>

    <p>
        应用程序可以设置为发送电子邮件确认订单。此选项只能在部署应用程序时设置。有关详细信息，请参阅安装说明。
    </p>


    <p><sub>Copyright©2020, CSU. All rights reserved.</sub></p>

</div>

</body>

</html>